<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		 <div id="box">
            <p class="p1">
                <span>我是第一个span标签</span>
                <span>我是第二个span标签</span>
                <span>我是第三个span标签</span>
            </p>
            <button>按钮</button>
        </div>
        <ul>
            <li class="list">2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
	</body>
	<script src="jquery-3.2.1.js"></script>
	<script type="text/javascript">
		
		//获取第n个元素 数值从0开始
		$('span').eq(1).css('color','#FF0000');
		
		//获取第一个元素 :first :last    点语法  ：get方法 和set方法
		console.log($('span').last());
		$('span').last().css('color','greenyellow');
		
		console.log($('span').parent('.p1'))
		$('span').parent('.p1').css({"width":'300px',height:'400px',"background":'red'});
		
		//.siblings()选择所有的兄弟元素
        $('.list').siblings('li').css('color','red')

        //.find()
        //查找所有的后代元素
        $('div').find('button').css('background','yellow')
		
		
	</script>
</html>
